html,body {
   width: 100%;
   height: 100%;
   background: linear-gradient(to bottom, #2c3e50 0%, #3498db 100%);
}
.main_body {
    width: 100%;
    height: 100%;
    position: relative;
    .userlogin {
       position: absolute;
       left: 50%;
       top: 50%;
       transform: translate(-50%,-50%);
       width: 980px;
       height: 500px;
       border-radius: 15px;
       box-shadow: 5px 5px 5px  #8aaded;
       background-color: #fff;
      
       //标题区域
       .title {
           width: 100%;
           height: 70px;
           line-height: 70px;
           text-align: center;
           background-color: #54dead;
           border-radius: 15px 15px 0 0;
           user-select: none;
           h1 {
              color: #fff;
              font-size: 40px;
              letter-spacing: 20px;
           }
       }
       //登录区域
       .login_box {
          width: 100%;
          height: 430px;
          .leftBox {
            width: 50%;
            height: 100%;
            text-align: center;
            line-height: 440px;
            user-select: none;
          }
          .rightBox {
             width: 50%;
             margin-top: 90px;
             .pub {
                width: 100%;
                height: 50px;
                padding: 0 30px;
                box-sizing: border-box;
                margin: 25px 0;
                input {
                   width: 100%;
                   height: 100%;
                   border: 2px solid #ccc;
                   border-radius: 10px;
                   padding-left: 15px;
                   box-sizing: border-box;
                   cursor: pointer;

                   &:focus {
                      border-color: #3498db;
                   }
                }
             }

             .submit input {
                background-color: #3498db;
                border: 0 none;
                color: #fff;
                font-size: 20px;
                letter-spacing: 10px;

                &:hover {
                    background-color: #54dead;
                }
             }

             .registBox a {
                text-decoration: underline;
                color: #3498db;
                font-size: 20px;
             }
          }
       }
    }
}